@import './register.scss';
@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './common.scss';
@import './sidebar.scss';

body {
  height: 100%;
  font-family: emoji;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

div:focus {
  outline: none;
}

.clearfix {
  &::after {
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    content: ' ';
    visibility: hidden;
  }
}

// main-container global css
// .app-container {
//   padding: 20px;
// }

.table-container {
  // width: 100%;
  // max-height: calc(100% - 206px);
  // margin-top: vh(20px);
  margin-top: vh(20px);
}

.el-input{
  // width: vw(350px);
  font-size: vw(14px);
}

.el-table::before{
  height: 0;
}

.el-table__fixed-right::before, .el-table__fixed::before{
  height: 0;
}

.table-header-row {
  // font-weight: 500;
  height: vh(42px);
  color: #333;
  box-sizing: border-box;
}

.table-header-cell {
  padding: vh(12px) 0;
  font-weight: 400;
  background: #f2f2f2 !important;
}

.el-table td, .el-table th{
  padding: vh(12px) 0;
  font-size: vw(14px);
  font-weight: 500;
}

.el-table .cell{
  padding-right: vw(10px);
  font-size: vw(12px);
}

.el-pagination {
  margin-top: vh(15px);
  text-align: right;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
  font-size: vw(14px);
  font-weight: 400;
  color: #595959;
  background: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  // width: 22px;
  // height: 22px;
  // line-height: 28px;
}

// .el-pagination.is-background .el-pager li:not(.disabled).active {
//   background-color: #d12d1f;
// }

.el-pagination button,
.el-pagination span:not([class*='suffix']) {
  //line-height: 18px;
  //font-size: 14px;
  color: #595959;
}

.el-input__inner {
  height: vh(32px);
  line-height: vh(32px);
}

.el-input__icon {
  height: auto;
  line-height: vh(32px);
}

.el-button {
  padding: vw(8px) vw(18px);
  border-radius: 4px;
}

.el-range-separator {
  height: auto !important;
}

label {
  font-weight: 400;
}


.el-menu-item,
.el-submenu__title {
  position: relative;
  height: vh(56px);
  line-height: vh(56px);
  white-space: nowrap;
  list-style: none;
  box-sizing: border-box;

}

 .el-dialog__footer{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.el-pagination.is-background .el-pager li:not(.disabled).active{
  background-color: $primary-color;
}


.custom-notification {
  width: vw(300px);
  padding: vw(14px) vw(26px) vw(14px) vw(13px);
  background-color: #f4f4f5 !important;
  border-radius: 4px;
  box-sizing: border-box;

  .el-notification__title{
    font-size: vw(16px);
    font-weight: 400;
    color: #333;
  }

  .el-notification__content{
    font-size: vw(14px);
    color: #666;
  }

}
